		<!DOCTYPE <html>
		<head>
			<title>This is test</title>
			<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
			<meta name="viewport" content="width=device-width,initial-scale=1.0">
			<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
			<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
			
			<script type="/js/jquery-2.0.3.js"></script>
			<script src="/js/bootstrap.min.js"></script>
			
			<style type="text/css">
			/*Escritorio*/
			@media (min-width: 1200px){
		body {color: red;}
			}
			/* Escritorio pequeño o una table */
			@media (min-width: 768px) and (max-width: 979px){
		body {color: green;}
			}
			/* Table o Smartphone */
			@media (max-width: 767px){
		body {color: blue;}
			}
			/* SpartPhone */
			@media (max-width: 480px){
			body {color: yellow;}	
		}
			</style>
		</head>
		<body>
			<div class="container">
				<div class="row-fluid">
					<div class="span12">&nbsp;</div>
				</div>

<div class="row-fluid">
	<div class="span4">
		<i class="icon-user"></i>
	</div>
	<div class="span4"></div>
	<div class="span4"></div>
</div>

<div class="row-fluid">
	<div class="span6">
	<form action="">
		<label for="">Name</label><input type="text">
		<label for="">Name</label><input type="text">
		<label for="">Name</label><input type="text">
		<br>
		<input type="submit" class="btn"></form>
		</div>
</div>

				<div class="row-fluid">
					<div class="span12">
						<table class="table table-bordered table-striped table-hover table-condensed">
							<tr>
								<th>Campo</th>
								<th>Campo</th>
								<th>Campo</th>
								<th>Campo</th>
							</tr>
							<tr>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
							</tr>
							<tr>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
							</tr>
							<tr>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
								<td>Campo</td>
							</tr>
						</table>
					</div>
				</div>
					<div class="row-fluid">
						<div class="span4"></div>
						<div class="well hidden-desktop">
							<h1 class="text-center">Desktop</h1>
						</div>
					</div>
						<div class="span4"></div>
						<div class="well hidden-tablet">
							<h1 class="text-center"></h1>
						</div>
						<div class="span4"></div>
						<div class="well hidden-phone">
							<h1 class="text-center"></h1>
						</div>
					</div>
		</body>
		</html>